const style = `<style>
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
}


// -------
.statisticalanalysis {
  .signs {
       position: absolute;
       right: 10px;
       top: 70px;
       &.print {
           top: 20px;
           right:50px;
       }
  }
 .box-card {
   width: 80%;
   margin: 0 auto;
   background: #fff;
   color: #606266;
   position: relative;
   table {
    margin: 0 auto;
     tr {
       .textleft {
         text-align:left;
         padding-left: 20px;
       }
     }
     .positon {
       display: block;
       margin-top: -25px;
       margin-top: 35px;
     }
     tr:nth-child(9) ,:nth-child(18) {
         .imgandcode {
           position: relative;
           left: 45px;
           top: -30px;
         }
       .makePeople {
           position: relative;
           left: 605px;
           top: 30px;
         }
       .Safetymeasures {
         position: relative;
         left: -240px;
         top: -10px;
       }
       .makePeopleTwo {
         position: relative;
         left: 180px;
         top: 10px;
       }
     }
     tr:nth-child(24),
     :nth-child(20),
     :nth-child(21),
     :nth-child(22),
     :nth-child(23) {
       .positon {
         position: relative;
         top: -30px;
         left: 20px;
       }
       .sign {
         position: relative;
         left: 520px;
         top: 10px;
       }
     }
   }
 }
}
</style>`

export default style
